<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>京东购物车</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <div class="container">
        <img class="aaa" src="img/logo.jpg" alt=""><br>
        <h2>全部商品5</h2>
    </div>
    <div class="container">
        <div class="navigation">
            <div class="col-1">商品</div>
            <div class="col-5">名称</div>
            <div class="col-1">单价</div>
            <div class="col-1">数量</div>
            <div class="col-1">小计</div>
            <div class="col-1">操作</div>
        </div>
    </div>
    <div class="container">
        <div class="navigation">
            <div class="orange">
                <div class="col-1">
                    <img src="img/tupian.png" alt="">
                </div>
                <div class="col-5">
                        <p class="txt"><span class="a">京东</span>
                            <span class="b">精选</span>
                        </p>
                    <span class="c">
                        <img class="d" src="img/tubiao.png" alt="">生鲜
                    </span>&nbsp;  美伦达&nbsp;南脐橙&nbsp;颜色：南脐橙铂金果3斤装 <br>
                    2017新上市3斤装铂斤果
                </div>
                <div class="col-1">
                    ￥<i class="jia">25.80</i>
                </div>
                <div class="col-1">
                    <input type="text" class="number" value="1"><br>
                    <p class="box1">有货</p>
                </div>
                <div class="col-1">
                    <h4>￥<i class="sum">25.80</i></h4>
                    <p class="box2">16.8kg</p>
                </div>
                <div class="col-1">
                    <p class="box3">删除</p>
                </div>
            </div>
        </div>
    </div>
<!--..........-->
    <div class="container">
        <div class="navigation">
            <div class="orange">
                <div class="col-1">
                    <img src="img/tupian2.png" alt="">
                </div>
                <div class="col-5">
                    <p class="txt">1</p>
                    <span class="c">
                        <img class="d" src="img/tubiao.png" alt="">生鲜
                    </span>&nbsp; Claposl&nbsp;秘鲁进口精选蓝&nbsp;颜色：秘鲁蓝莓4盒装 <br>
                    莓4盒装&nbsp;单盒约125g 新鲜水果

                </div>
                <div class="col-1">
                    ￥<i class="jia">46.90</i>
                </div>
                <div class="col-1">
                    <input type="text" class="number" value="1"><br>
                    <p class="box1">有货</p>
                </div>
                <div class="col-1">
                    <h4>￥<i class="sum">46.90</i></h4>
                    <p class="box2">1.25kg</p>
                </div>
                <div class="col-1">
                    <p class="box3">删除</p>
                </div>
            </div>
        </div>
    </div>
<!--..............-->
    <div class="container">
        <div class="navigation">
            <div class="orange">
                <div class="col-1">
                    <img src="img/tupian3.png" alt="">
                </div>
                <div class="col-5">
                    <p class="txt">1</p>
                    <span class="c">
                        <img class="d" src="img/tubiao.png" alt="">生鲜
                    </span>&nbsp;  欢乐果园广西青皮芒果2个&nbsp;颜色：青皮芒2粒&nbsp;尝新装<br>
                    装单过约260g以上新鲜水果
                </div>
                <div class="col-1">
                    ￥<i class="jia">10.90</i>
                </div>
                <div class="col-1">
                    <input type="text" class="number" value="1"><br>
                    <p class="box1">有货</p>
                </div>
                <div class="col-1">
                    <h4>￥<i class="sum">10.90</i></h4>
                    <p class="box2">0.75kg</p>
                </div>
                <div class="col-1">
                    <p class="box3">删除</p>
                </div>
            </div>
        </div>
    </div>
<!--......................-->
    <div class="container">
        <div class="navigation">
            <div class="orange">
                <div class="col-1">
                    <img src="img/tupian4.png" alt="">
                </div>
                <div class="col-5">
                    <p class="txt">1</p>
                    <span class="c">
                        <img class="d" src="img/tubiao.png" alt="">生鲜
                    </span>&nbsp;爱奇果&nbsp;新疆库尔嘞香梨约&nbsp;颜色：2.5kg单果约120-150g<br>
                    2.5kg当季新果特级装单果约120-

                </div>
                <div class="col-1">
                    ￥<i class="jia">39.90</i>
                </div>
                <div class="col-1">
                    <input type="text" class="number" value="1"><br>
                    <p class="box1">有货</p>
                </div>
                <div class="col-1">
                    <h4>￥<i class="sum">39.90</i></h4>
                    <p class="box2">2.6kg</p>
                </div>
                <div class="col-1">
                    <p class="box3">删除</p>
                </div>
            </div>
        </div>
    </div>
<!--.....................-->
    <div class="container">
        <div class="navigation">
            <div class="orange">
                <div class="col-1">
                    <img src="img/tupian5.png" alt="">
                </div>
                <div class="col-5">
                    <p class="txt">1</p>
                    <span class="c">
                        <img class="d" src="img/tubiao.png" alt="">生鲜
                    </span>&nbsp;宏辉果蔬&nbsp;苹果&nbsp;烟台红富上&nbsp;sp;颜色：12粒75mm红富上<br>
                    12个单果约75mm总重约2.1kg新鲜
                </div>
                <div class="col-1">
                    ￥<i class="jia">34.90</i>
                </div>
                <div class="col-1">
                    <input type="text" class="number" value="1"><br>
                    <p class="box1">有货</p>
                </div>
                <div class="col-1">
                    <h4>￥<i class="sum">34.90</i></h4>
                    <p class="box2">2.1kg</p>
                </div>
                <div class="col-1">
                    <p class="box3">删除</p>
                </div>
            </div>
        </div>
    </div>
    <div class="container">
        <div class="footr">
            <div class="dibi">
                <p><span class="box4">总价：</span>￥<i class="wcwzbd">158.40</i></p>
            </div>
        </div>
    </div>
    <script src="js/script.js"></script>
</body>
</html>